<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}

		.top {
			width: 100%;
			height: 40px;
			background-color: #333;
		}

		.nav {
			width: 1226px;
			height: 100px;
			background-color: #ccc;
			margin: 0 auto;
		}


		.foot {
			width: 1226px;
			height: 200px;
			background-color: yellow;
			margin: 50px auto;
		}

		.banner {
			width: 1226px;
			height: 460px;
			background-color: pink;
			margin: 0 auto;
		}
	</style>
</head>

<body>
	<div class="top"></div>
	<div class="nav">6666</div>
	<div class="banner">7777</div>
	<div class="foot"></div>
</body>

</html>